<template>
  <section
    style="height: 67px; width: 100%; background-color: white"
    class="MyHeader"
  >
    <div class="scan-t">
      <img :src="require('../../../public/images/index/ceyice.png')" alt="" />
    </div>
    <div class="test-t">测一测</div>
    <div class="bell-t">
      <img :src="require('../../../public/images/index/lingdang.png')" alt="" />
    </div>
    <div class="bell-t">
      <img src="http://121.40.124.132:3000/images/mine/shezhi.png" alt="" />
    </div>
  </section>
</template>

<script>
export default {
  setup() {
    return {};
  },
};
</script>

<style lang="less" scoped>
.MyHeader {
  position: relative;

  .scan-t {
    width: 23.5px;
    height: 23px;
    position: absolute;
    bottom: 17.5px;
    left: 15px;

    img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
  }

  .test-t {
    position: absolute;
    bottom: 21px;
    left: 44.5px;
    font-size: 16px;
  }

  .bell-t {
    width: 20px;
    height: 23px;
    position: absolute;
    bottom: 17.5px;
    right: 16px;

    img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
}
</style>
